<div class="canvas-container">
    <div class="left-tree">
        <nz-tree [nzData]="nodes" (nzClick)="nzEvent($event)"> </nz-tree>
    </div>
    <div class="right-content">
        <div class="tool-bar">
            <div id="todoCanvas" class="left-todo">
            </div>
            <div class="right-form">
                <form nz-form [nzLayout]="'inline'">
                    <nz-form-item>
                        <nz-form-label>
                            选择线路
                        </nz-form-label>
                        <nz-form-control nzErrorTip="请选择线路！">
                            <nz-select
                            [(ngModel)]="selectedUser"
                            name="lineSelect"
                            nzAllowClear
                            nzSize="default"    
                            class="right-select"
                            nzPlaceHolder="请选择..."
                            [nzDropdownRender]="renderTemplate"
                          >
                            <nz-option *ngFor="let o of optionList" [nzValue]="o" [nzLabel]="o"></nz-option>
                          </nz-select>
                          <ng-template #renderTemplate>
                            <nz-spin *ngIf="isLoading"></nz-spin>
                          </ng-template>
                        </nz-form-control>
                    </nz-form-item>
                    <nz-form-item>
                        <nz-form-control nzErrorTip="请选择主变！">
                            <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton" nzSize='default'>
                                <input type="text" nz-input placeholder="输入变电所名称搜索" />
                            </nz-input-group>
                            <ng-template #suffixIconButton>
                                <button nz-button nzSize='default' nzType="primary" nzSearch><i nz-icon
                                        nzType="search"></i></button>
                            </ng-template>
                        </nz-form-control>
                    </nz-form-item>
                </form>
            </div>
        </div>
        <div class="svg-container">
            <div id="csContainer" class="csContainer"></div>
    
            <div id="zzContainer" class="zzContainer"></div>
        </div>
    </div>
    
 
</div>